<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>网上书店</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="./style/login/base.css">
    <link rel="stylesheet" href="./style/login/normalize.css">
    <link rel="stylesheet" href="./style/login/index.css">
    <script type="text/javascript" src="./plugins/jQuery/jquery-3.6.0.js"></script>
    <script src="./plugins/vue/vue.js"></script>
    <script type="text/javascript" src="./plugins/axios/axios.js"></script>
    <script type="text/javascript" src="./js/request.js"></script>
    <link rel="stylesheet" href="./plugins/element-ui/index.css">
    <script src="./plugins/element-ui/index.js"></script>
</head>
<body>
<div id="app">
    <!-- 项部导航 -->
    <div class="xtx_topnav">

        <span class="span1">
                  退出登录
                </span>
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <a href="./pages/login/register.html">免费注册</a>
                </li>
                <li>
                    <a href="./pages/login/login.html">请先登录</a>
                </li>
                <li v-else>
                    <a href=""></a>
                </li>
                <li>
                    <a href="javascript:;">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;" @click="xianshiKefu">在线客服</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 分类及焦点图 -->
    <div class="xtx_entry">
        <div class="wrapper">
            <!-- 轮播图 -->
            <div class="xtx_banner">
                <ul>
                    <template>
                        <el-carousel trigger="click" :interval="5000" arrow="always" height="500px">
                            <el-carousel-item v-for="item in 4" :key="item">
                                <li>
                                    <a>
                                        <img :src="'images/desktop_' + item + '.jpg'" alt="">
                                    </a>
                                </li>
                            </el-carousel-item>
                        </el-carousel>
                    </template>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>

<script>
    new Vue({
        el: '#app',
        data: {
            menu: [],
            fresh_books: [],
            lower_books: [],
            dialogFormVisible: false,
            form: {
                ask: '',
                que: ''
            }
        },
        methods: {
            xianshiKefu() {
                this.dialogFormVisible = true
            }
        },
        created() {
            // 由于只保留顶部导航和轮播图，部分方法调用可移除
        }
    })
</script>
<script src="plugins/element-ui/index.js"></script>
</html>